<!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width initial-scale="><title>list</title>
    <link rel="stylesheet" href="jquery.mobile-1.3.2.min.css">
    <link rel="stylesheet" href="mytheme.css">
    <script src="jquery-1.8.3.min.js"></script>
    <script src="jquery.mobile-1.3.2.min.js"></script>
    </head>

<body>
	<!--设置样式主题-->
        <div data-role="page" data-theme="a">
        
            <div data-role="header">
            <a href="#" data-role="button" data-icon="arrow-l">返回</a>
             <h1>甜品列表</h1>
             
        </div>
        
                <!--主体-->
        <div>    
          <li data-role="divider">
          <form method="post" action="demoform.asp">
          <div data-filter="true">
            
            <input type="search" name="search" id="search" placeholder="搜索甜品" >
            
            
         </div>
           
          
        </form> 
          </li>
          <ul data-role="listview" data-inset="true">
          <li>
            <a href="#">
            <img src="谷瑶-移动web前端-15题/images/chocolat.png">
            <h2>巧克力</h2>
            <p>巧克力采顶级可可粉制作，韵...</p>
            </a>
            <a href="#跳转页编号" data-icon="gear"></a>
          </li>
          <li>
            <a href="#">
            <img src="谷瑶-移动web前端-15题/images/cookie.png">
            <h2>饼干</h2>
            <p>饼干低糖、低脂，香气迷人...</p>
            </a>
            <<a href="#跳转页编号" data-icon="gear"></a>
          </li>
          <li>
            <a href="#">
            <img src="谷瑶-移动web前端-15题/images/cake.png">
            <h2>蛋糕</h2>
            <p>蛋糕精选高级巧克力奶油搭配...</p>
            </a>
            <a href="#跳转页编号" data-icon="gear"></a>
          </li>
          <li>
            <a href="#">
            <img src="谷瑶-移动web前端-15题/images/bread.png">
            <h2>面包</h2>
            <p>面包纯手工制作天然不含任何...</p>
            </a>
           <a href="#跳转页编号" data-icon="gear"></a>
          </li>
        </ul>
              </div>
                <!--底部-->
              <div data-role="footer" data-position="fixed">
              <h1>订购专线：90917777</h1>
              </div>
              
            </div>
    </body>
    <ml>